import React from 'react';
import { View } from '@tarojs/components'
import './SpecialTagCardPlaceholder.scss'

const SpecialTagCardPlaceholder = ({ count = 1 }) => {
  const renderCard = () => [...Array(count)].map((_, index) => (
    <View className="specialTagCardItem" key={index.toString()}>
      <View className="specialTagCardItemTitle skeleton-blink" />
      <View className="row skeleton-blink" />
      <View className="row skeleton-blink" />
      <View className="row skeleton-blink" />
      <View className="desc-end skeleton-blink" />
    </View>
  ))

  return (
    <View className="specialTagCardContainer">
      {renderCard()}
    </View>
  )
}

export default SpecialTagCardPlaceholder
